<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
   <link rel="stylesheet" type="text/css" href="/common/css/articlePage/article.css" />
	
	<link rel="stylesheet" type="text/css" href="/common/bootstrap/css/bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="/common/zui/css/zui.css" />
	<script type="text/javascript" src="/common/js/jQuery-3.3.1.js"></script>
	<script type="text/javascript" src="/common/zui/js/zui.min.js"></script>
	<script type="text/javascript" src="/common/bootstrap/js/bootstrap.min.js"></script>
<title>文章详情界面</title>
</head>
	<style type="text/css">
		#head {
		   width: 100%;
	       position: fixed;
			height: 55px;
			/*background-color: pink !important;*/
			margin: 0;
			padding: 0;
			margin: auto;
			z-index: 999;
		}
		//转发
		.handle-other{
		overflow: hidden;
		}
		.handle-other .WB_row_line {
		    border-top-width: 1px;
		    border-top-style: solid;
		    }
		    .WB_row_r3 li {
		    width: 33.3%;
		}
		.WB_row_line li {
		    float: left;
		    height: 38px;
		    text-align: center;
           list-style: none;
		}
		.WB_feed_repeat {
		    border-bottom-left-radius: 2px;
		    border-bottom-right-radius: 2px;
		    background-color: #f2f2f5;
		}
		.WB_feed_repeat .WB_repeat {

			    margin: -1px 0 0;
			    padding: 16px 0 6px;
			    border-top-width: 1px;
			    border-top-style: solid;
			}
			.WB_feed_repeat .WB_publish {
		    margin: 0 0 0 50px;
		    }
		    .WB_publish .p_input {
			    margin: 0 0 10px;
			}
			.WB_publish .p_opt .btn .W_btn_a{
			vertical-align:top;
			}
			.W_btn_a_disable, .W_btn_a_disable:hover{
			background:#ffc09f;
			color:#fff;
			cursor:default;
			}
			.WB_feed_repeat .repeat_list {
			    padding: 0 20px;
			    overflow: hidden;
			}
			 .tab li {
		    float: left;
		    margin: 0 0 0 -1px;
		   }
		   .tab .line {
		    display: block;
		    margin: 5px 0;
		    padding: 0 10px;
		    border-left-width: 1px;
		    border-left-style: solid;
		    line-height: 10px;
		}
		</style>
	<script type="text/javascript">
		$(document).ready(function() {
		
		})
	</script>
	<body class="B_artical">
   
		<!-- 内容主题 -->
	<div id="articleRoot" class="WB_miniblog">
			<div class="WB_miniblog_fb">
				<div id="plc_top">
					<div class="WB_global_nav">
						<div id="weibo_top_public">
							<!--简易顶部导航拼页面用-->
							<div id="head">
								<iframe src="/hotClassify/top"  style="width: 100%; border: none; height: 55px;"></iframe>
							</div>

							<!--简易顶部导航拼页面用-->
						</div>
					</div>
				</div>
				<!--内容-->
				<div class="plc_frame" class="WB_main clearfix">
					<div class="WB_frame">
						<div id="plc_main">
							<div class="WB_frame_a">
								<div class="WB_cardwrap S_bg2">
									<div class="WB_artical">
										<!-- //编辑后再触发审核 -->
										<div class="main_toppic">
											<div class="picbox">
												<img node-type="articleHeaderPic" src="http://localhost:8082/serverpath${logByid.logImgpath}" >
											</div>
										</div>
										<div class="main_editor">
											<div class="title" node-type="articleTitle">${logByid.logTitle}</div>
											<div class="authorinfo clearfix S_txt2">
												<div class="W_fl">
													<span class="author1 W_autocut"><img src="http://localhost:8082/serverpath${logByid.user.userHeadpath}" class="W_face_radius">
													<a href="#" class="S_txt1" target="_blank"><em class="W_autocut">${logByid.authorName}</em>
                                                        <i title="微博个人认证 " class="W_icon icon_approve"></i>
                                                    </a></span>
													<em class="W_vline S_line1"></em>

													<span class="time">${logByid.logTime}</span>

													<em class="W_vline S_line1"></em>
													<span class="del"><a href="javascript:void(0);">投诉</a></span>

												</div>
												<div class="W_fr"><span class="num">阅读数：${logByid.logReadnum}</span></div>
											</div>
											<div class="WB_editor_iframe_new" node-type="contentBody" style="opacity: 1;">
												<p><b>​​${logByid.logGuide}</b></p>
												<p>​​​​${logByid.logContent} </p>
												
											</div>
											<!--关注-->
											<div class="artical_add_box S_bg2" node-type="addBox">
												<div class="btn_line W_tc W_f14 W_fb" node-type="maskContent" style="display:none">
													<div class="inner">
														<a href="javascript:" action-type="maskFollow">
															关注作者，阅读全文
															<i class="W_ficon ficon_arrow_down">c</i>
														</a>

														<div class="tips">还有50%的精彩内容，作者设置为仅对粉丝可见</div>
													</div>
												</div>
												<div class="PCD_counter_b">
													<div class="WB_innerwrap">
														<div class="userbox S_line2">
															<div class="midbox clearfix">
																<div class="pic_wrap">
																	<p class="pic_box">
																		<a href="#" target="_blank">
																		<img src="http://localhost:8082/serverpath${logByid.user.userHeadpath}" class="pic" width="50" height="50"></a>
																	</p>
																</div>
																<div class="info_wrap">
																	<div class="title W_fb W_autocut ">
																		<a href="#" target="_blank" class="S_txt1">${logByid.authorName}</a>
																		<i title="微博个人认证 " class="W_icon icon_approve"></i>
																	</div>
																	<div class="text S_txt2">
																		<a href="/u/2151150480" target="_blank" class="S_txt1">合作请私信</a>
																	</div>
																</div>
																<div class="opt">
																	<p class="btn_bed">
																		<a class="W_btn_b W_btn_b_disable" href="javascript:"><em class="W_ficon ficon_right">Y</em>已关注</a>
																	</p>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<!--因为推荐阅读影响打赏放在作者模块下方-->
											<div node-type="fanService">
												<div>
													<!--renderData start-->
													<div class="rewardcomponent feed_app_btn_a fend_app_reward">
														<p class="feed_app_reward_title" node-type="rewardTxt"></p>
														<p class="btn fend_app_reward_btn" style="background-color:null;border-color:null;">
															<a href="javascript:void(0);" class="btn_b" action-type="buyWrap" action-data="type=reward" >赏</a>
														</p>
														<p class="con S_txt2 fend_app_reward_persons_number"></p>
													</div>
													<!--renderData end-->
												</div>
												<!--打赏组件容易-->
												<div action-type="reward"></div>
											</div>
										</div>
										<!--空-->
										<div node-type="thirdModule"> </div>
										<!--相关推荐-->
										<div node-type="recommend" style="width: 700px;">
											<!--data start-->
											<div class="otherlist S_line1" node-type="recommend_wrap">
												<div class="title clearfix">
													<div class="W_fl W_f16">推荐阅读</div>
													<div class="W_fr W_f14" node-type="recommend_all"></div>
												</div>
												<div class="PCD_pictext_i PCD_pictext_i_v2">
													<div class="WB_innerwrap">
														<div class="m_wrap">
															<ul class="pt_ul clearfix">
															<c:forEach items="${logList}" var="log" begin="1" end="4">
																<!--第二li-->
																<li class="pt_li pt_li_1 S_bg2">
																	<div class="pic_txt clearfix">
																		<div class="pic_box ">
																			<a href="#" target="_blank">
																				<img src="http://localhost:8082/serverpath${log.logImgpath}"  class="piccut_v"></a>
																		</div>
																		<div class="info_box">
																			<div class="info_box_inner">
																				<div class="text_box">
																					<div class="title W_autocut">
																						<a href="#" target="_blank" class="W_autocut S_txt1">${log.logTitle}</a>
																					</div>
																					<div class="text text_cut S_txt2" style="font-size:12px;">
																					${log.logContent}
																					</div>
																				</div>
																			</div>
																		</div>
																	</div>
																</li>
                                                               </c:forEach>
															</ul>
															<div class="W_tc" style="text-align: center;">
																<div class="WB_innerwrap" action-type="recommend_loading" style="display: none;">
																	<div class="empty_con clearfix">
																		<p class="text">
																			<i class="W_loading"></i>正在加载中</p>
																	</div>
																</div>
																<a class="aaa " href="javascript:" action-type="more_recommend">换一换 查看更多</a>
															</div>
														</div>
													</div>
												</div>
												<!--data start-->
											</div>
											<!--结-->
										</div>
										<!--转发-评论-点赞-->
                                        	<div class="handle-other" style="width: 700px; height: 40px; border-bottom:gainsboro;">
                                        	<ul class="WB_row_line WB_row_r3 clearfix S_line2">
                                        	
                                        		<li class="tranferto">转发</li>
                                        		<li  class="tranferto">评论</li>
                                        	<li  class="tranferto"><i class="icon icon-thumbs-o-up"></i></li>
                                        		</ul>
                                        	</div>
										<!--转发-评论-点赞-->
										<div style="width: 700px;" class="WB_feed_repeat S_bg1">
									  <div class="WB_repeat S_line1">
										   <div class="WB_publish"> 
										<div class="p_input">
										<textarea class="W_input" node-type="textEl" style="overflow: hidden; height: 23px; width:600px;"></textarea>
										</div>
										<div class="p_opt clearfix" >
					                      <div class="btn W_fr" style="background:#ffc09f;"><a href="#" class="W_btn_a W_btn_a_disable" ><em node-type="btnText">评论</em></a></div>
					                      <div class="opt clearfix" node-type="widget">
					                          <span class="ico" style="float:left;"><a href="#" node-type="smileyBtn">
					                         <i class="icon icon-smile" style="color: #ffa405;"></i>
					                          <a href="javascript:void(0);" node-type="imgBtn" style="position: relative;">
					                          <i class="icon icon-picture" style="color: #84c002;"></i>
					                          <div style="position: absolute; left: 0px; top: 0px; display: block; overflow: hidden; background-color: rgb(0, 0, 0); opacity: 0; width: 20px; height: 20px;">
					                          <form node-type="form" action-type="form" id="pic_upload" name="pic_upload" target="upload_target" enctype="multipart/form-data" method="POST" style="overflow: hidden; opacity: 0; height: 20px; width: 20px;">
					                          <input hidefoucs="true" node-type="fileBtn" name="pic1" style="cursor:pointer;width:1000px;height:1000px;position:absolute;bottom:0;right:0;font-size:200px;" type="file"></form>
					                          </div></a>
					                          </span>
					                          <ul class="ipt" style="float:left;list-style: none; margin-left: 5px;">
                                                 <li>
                                                     <label for="ipt11" class="W_label">
                                                     <input id="ipt11" name="forward" class="W_checkbox" type="checkbox"><span>同时转发到我的微博</span></label>
                                                           </li>
                                                        </ul>
                      </div>
                                           </div>
										<!-- 结 -->
										</div>
										   <div class="repeat_list">
											<div class="tab">
											<ul class="clearfix" style="list-style:none;"> 
											<li><span class="line S_line1">全部</span></li>
											<li><span class="line S_line1">热门</span></li>
											<li><span class="line S_line1">认证用户</span></li>
											<li><span class="line S_line1">关注的人</span></li>
											<li><span class="line S_line1">陌生人</span></li>
											</ul>
										  </div>
										</div>
										</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

				</div>
			</div>
	</body>

</html>